<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>邀请规则</title>
    <link rel="stylesheet" href="./css/reset.css">
    <style>
         .page{
            width: 100%;
            height: 100%;
            font-size: 0;
            position: relative;
        }
        .page .head{
            width: 100%;
            height: 1rem;
            line-height: 1rem;
            background-color: #fff;
            display: flex;
            justify-content: space-between;
            padding:0 0.2rem;
            box-sizing: border-box;
            position: absolute;
            top:0;
            left:0;
        }
        .page .head .one{
            width: 0.4rem;
        }
        .page .head .one img{
            width: 100%;
        }
        .page .head .two{
            font-size: 0.36rem;
            font-weight: bold;
            color:#111;
        }
        .page .content{
            position: absolute;
            top:1rem;
            left: 0;
            right: 0;
            bottom: 0;
            overflow-y: scroll;
            
        }
        .page .content::-webkit-scrollbar{
            display: none;
        }
        .page .content .one_box{
            width: 100%;
            padding: 0.5rem 0.3rem;
            box-sizing: border-box; 
        }
        .page .content .one_box h3{
             font-size: 0.3rem;
             color:#333333;
             text-align: center;
             font-weight: bold;
             margin-left: 0.4rem;
             margin-bottom: 0.45rem;

        }
        .page .content .one_box p{
            font-size: 0.24rem;
            color:#333;
            line-height: 0.45rem;
        }
        .page .content .one_box span{
            color:red;
        }
       
    
    </style>
</head>
<body>
    <div class="page">
        <div class="head">
            <div class="one"><img src="./img/left_arrow.png" alt=""> </div>
            <div class="two">邀请规则</div>
            <div class="three"></div>
        </div>
        <div class="content">
            <div class="one_box">
                <h3>邀请人奖励</h3>
                <p>
                    1、男生注册绑定手机号，奖励<span>1</span>元。
                </p>
                <p>
                    2、男生与女神通话3分钟，奖励<span>2</span>元。
                </p>
                <p>
                    3、男生每次充值，奖励<span>10%</span>充值分成。
                </p>
                <p>
                    4、女生注册绑定手机号并视频认证，奖励<span>3</span>元。
                </p>
                <p>
                    5、女生每笔收入，奖励女生收入的<span>10%</span>。
                </p>
            </div>
            <div class="one_box">
                <h3>邀请基金池</h3>
                <p>
                    1、启动基金池后，基金池的<span>涨幅</span>由邀请人数决定。
                            
                </p>
                <p>
                    
                    2、无邀请1倍速,邀请1人+1倍速递增，最高<span>5</span>倍速。
                            
                </p>
                <p>
                    3、24小时未邀请，自动降低1倍速，以此类推。
                </p>
                <p>
                    4、如果当前账户过去24小时没有登录，则基金池自动停止。
                </p>
            </div>
            <div class="one_box">
                <h3>邀请关联周期</h3>
                <p>
                    
                    1、邀请365天内，充值和收入分成均为<span>10%</span>。
                            
                </p>
                <p>
                    
                    2、邀请1年后，充值和收入分成均为<span>5%</span>。
                            
                </p>
                <p>
                    3、超过1年未登录的用户解除下线邀请人。
                </p>
            </div>
            <div class="one_box">
                <h3>恶意邀请惩罚</h3>
                <p>
                    邀请作弊（自己邀请自己、邀请大量无效用户），将被系统封号。
                </p>
            </div>
        </div>
    </div>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
    <script src="./js/rem.js"></script>
    <script>
        $(document).ready(function(){
            $('.page .head .one').click(function(){
                window.history.back(-1)
            })
        })
    
    </script>
</body>
</html>